a {
   
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}
.footer .wp {
    width: 92%;
    margin: 0 auto;
    max-width: 1200px;
}
.pore {
    position: relative;
}
.l {
    float: left;
}
.r {
    float: right;
}
* {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: ".";
}
.footer{background: #01559d;padding: 30px 0;color: #fff;font-size: 15px}
.footer .aleft .ftlink a{margin: 0 5px;display: inline-block;}
.footer .aleft a{color: #fff;}
.footer .aleft p {padding-left: 5px}
.footer .aleft img{display: inline-block;}
.footer .aleft p img{vertical-align: -4px;margin-right: 5px}
.footer .aleft p span{padding: 2px 0;display: inline-block;margin-right: 15px}
.footer .aright{margin-top: 30px}
.footer .aright a{float: left;display: block;margin-left: 15px;position: relative;}
.footer .aright a:hover span{display: block;}
.footer .aright a span{position: absolute;width: 86px;height: 86px;padding: 3px;background: #fff;left: 50%;margin-left:-43px;top: -88px;display: none}
.footer .aleft .a1{padding-left: 75px;padding-right: 150px}
.footer .aleft .img1{position: absolute;left:-10px;top:22px;}
.footer .aleft .img2{position: absolute;right: 0;top:32px;}

@media screen and (max-width: 1199px){
.footer .aleft{width: 100%;float: inherit;}
.footer .aright{width: 100%;float: inherit;text-align: center}
.footer .aright a{float: inherit;display: inline-block;}
.frlink dl dd span{width: 33.33333%}
}

@media screen and (max-width: 767px){
.footer .aleft .img1{position: static;}
.footer .aleft .img2{position: static;}
.footer .aleft .a1{padding: 0 ;float: inherit;margin-bottom: 20px}
}
@media screen and (max-width: 640px){
.footer .aleft .ftlink a {margin: 0 0px;display: inline-block;font-size: 14px}
.footer .aleft .ftlink{margin-bottom: 10px}
.footer .aright a img.ico{height: 50px}
}